<template>
  <div class="box">
    <div class="box-header" title="显示本年合规性风险数据">
      <span class="title pos-left">合规性风险评估</span>
    </div>
    <div class="box-body">
      <ul class="vtlist scroll" style="height:318px;">
        <li class="item">
          <div class="item-head">
            <i class="icon fg-red icon-error"></i>
          </div>
          <div class="item-body">
            <div class="title">杨俊尧在[支付情况]流程节点产生日期风险</div>
            <div class="subtitle">
              风险原因：不符合开票日期≤支付日期的要求
              <span class="fg-orange">风险产生于：2019-05-15 18:20:19</span>
            </div>
          </div>
        </li>
        <li class="item">
          <div class="item-head">
            <i class="icon fg-red icon-error"></i>
          </div>
          <div class="item-body">
            <div class="title">杨俊尧在[支付情况]流程节点产生日期风险</div>
            <div class="subtitle">
              风险原因：不符合开票日期≤支付日期的要求
              <span class="fg-orange">风险产生于：2019-01-19 22:19:49</span>
            </div>
          </div>
        </li>
        <li class="item">
          <div class="item-head">
            <i class="icon fg-green icon-correct"></i>
          </div>
          <div class="item-body">
            <div class="title">杨俊尧在[支付情况]流程节点产生日期风险</div>
            <div class="subtitle">
              风险原因：不符合开票日期≤支付日期的要求
              <span class="fg-orange">风险产生于：2019-01-19 22:32:36</span>
            </div>
          </div>
        </li>
      </ul>
      <ul class="towerlist">
        <li class="item">
          <div class="title">产生合规性风险事项</div>
          <div class="subtitle num fg-red">3</div>
        </li>
        <li class="item">
          <div class="title">无合规性风险事项</div>
          <div class="subtitle num fg-orange">6</div>
        </li>
        <li class="item">
          <div class="title">合规性风险率</div>
          <div class="subtitle num fg-cyan">
            33.33
            <small>%</small>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {};
</script>
